<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style typy="text/css">
    .box{
         width: 100%;
         margin: 0px;
         padding: 0px;
    }
    .top{
       width: 100%;
       height:100px;
       background-color: #ff0000;
    }
    body{
        margin: 0;
        padding: 0
    }
    .t_con{
        width: 1000px;
        height: 100px;
        background: #cccccc;
        margin:0 auto;
    }
    .con{
        width: 1000px;
        margin: 0 auto;
        min-height:500px;
        margin-top: 15px;
        overflow: auto/*auto  auto可以显示 hidden不会显示但存在*/;
        background-color:#999;
    }
    .con_left{
        float: left;
        background-color: skyblue;
        width: 190px;
        min-height: 500px;
        overflow: auto;
        margin-right: 20px;

    }
    .con_right{
        float: left;
        background-color: salmon;
        width:790px;
        min-height: 1000px;
        overflow: auto;
    }
    .l_top{
        height: 150px;
        border-bottom:1px solid #ccc 
    }
    .l_top p{
       color: #dd0000;
       font-weight:blod/*加粗*/;
       line-height:5px
    }
    </style>
</head>
<body>
    <div class="box">
      <div class="top">
          <div class="t_con">jkjk
        </div>
      </div>
      <div class="con">
            <div class="con_left">
                <div class="l_top">
                  img/
                 <p>name 
                     <span id>
                         jim
                    </span>
                </p>   
                 <p>2</p> 
                <p>3</p>  
                <p>4</p>               
                </div>
                <div class="l_bot">
                    <input type="text"/>
                    <button/>
                </div>
            </div>
            <div class="con_right"></div>
      </div>
    </div>
</body>
</html>